:root {
  --el-flex-loading-mask-background: hsla(0, 0%, 100%, .9);
  --el-flex-loading-mask-zindex: 2000;
  --el-flex-loading-color-primary: #409eff;
}
.el-flex {
  display: flex;
  box-sizing: border-box;
  position: relative;
}
.el-flex > [widthstretch="true"],
.el-flex > [heightstretch="true"] {
  flex: 1;
}
.el-flex > [widthstretch="true"] {
  width: unset !important;
}
.el-flex > [heightstretch="true"] {
  height: unset !important;
}
.el-flex > [class^="el-button"] + [class^="el-button"],
.el-flex--block > [class^="el-button"] + [class^="el-button"] {
  margin-left: 0;
}

.el-flex--block {
  display: block;
  box-sizing: border-box;
}

.el-flex__loadmask {
  position: absolute;
  z-index: 2000;
  background-color: var(--el-flex-loading-mask-background);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity .3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-flex__loadmask .el-flex__spinner {
  color: var(--el-flex-loading-color-primary);
  text-align: center;
}
.el-flex__loadmask .el-flex__spinner p {
  margin: 0;
}
.el-flex__loadmask .el-flex__spinner [class="el-icon-loading"] {
  animation: none;
}
.el-flex__loadmask .el-flex__rotating i,
.el-flex__loadmask .el-flex__rotating i[class="el-icon-loading"] {
  animation: rotating 2s linear infinite;
}
@keyframes el-flex__rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
